<template>
	<view>
		
		<!-- 用户评价 -->
		<view class="commet-title flex align-center justify-between" @click="jump('orderList')">
			<view class="item1">
				评价
			</view>
			<view class="item2 flex justify-start align-center">
				<text class="text">
					共10条评论
				</text>
				<!-- <image class="img" src="/static/store/jiantouyou.png"></image> -->
			</view>
		</view>
		
		<view class="c-item" v-for="(item,index) in 2" :key="index">
			<view class="item-title flex justify-start align-center">
				<image class="avatar" src="/static/test/rb.jpeg"></image>
				<view class="text">
					<view class="item">
						不知道先生
					</view>
					<view class="item">
						20:20:20 12:12:12
					</view>
				</view>
				<view class="star">
					
				</view>
			</view>
			<view class="comment-text">
				这次买的水果真心不错，
				推荐各位购买！
				下次还会继续关注购买！
			</view>
			
			<view class="commment-type">
				规格:中等果
			</view>
		</view>
		
		

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			

		}
	}
</script>

<style lang="scss">
	
	// 评论列表
	.c-item{
		width:750rpx;
		padding:0 32rpx;
		.item-title{
			width:100%;
			height:100rpx;
			.avatar{
				width:80rpx;
				height:80rpx;
				border-radius: 50%;
			}
			.text{
				flex:1;
				padding: 0 20rpx;
				color:#999999;
			}
			.star{
				width:200rpx;
				height:100rpx;
				border:1rpx solid red;
			}
			
		}
		
		.comment-text{
			width:100%;
			margin-top: 16rpx;
			font-size: 30rpx;
			line-height: 50rpx;
		}
		.commment-type{
			width:100%;
			margin-top: 16rpx;
			font-size: 30rpx;
			line-height: 80rpx;
			color:#999999;
			border-bottom: 1rpx solid #eee;
		}
	}
	
	// 用户评价
	.commet-title{
		width:750rpx;
		height:88rpx;
		padding:0 32rpx;
		border-bottom: 1rpx solid #eee;
		.item2{
			font-size: 28rpx;
			color: #bfc8ce;
			.text{
				margin-right: 10rpx;
			}
			.img{
				width:28rpx;
				height:32rpx;
			}
			
		}
	}
	

	
	
</style>
